<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/business/eventRecord.css"/>
		<script src="../js/validate.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="mui-content" id="event-record-content">
			<header class="mui-bar mui-bar-nav" id="myheader" style="z-index: 20;">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">新增事件</h1>
			</header>
			<div class="mui-scroll-wrapper" style="-webkit-overflow-scrolling: touch; margin-top: 45px; background-color: #f7f7f7;" >
				<div class="mui-scroll">
					<div class="mui-content" id="event-record-wrapper">
						<div class="event-record-top-wrapper">
							<div class="event-record-form-item">
								<label class="must-have-value">部门：</label>
								<div>
									<input type="text" :placeholder="departError" v-model="depart" @change="clearErrorInfo('depart')" readonly>
									<span class="mui-icon iconfont icon-jiantou_you"  @tap="toDepartPicker"></span>
								</div>
							</div>
							<div class="event-record-form-item">
								<label>车间：</label>
								<div>
									<input type="text" :placeholder="workshopError" v-model="workshop" @change="clearErrorInfo('workshop')" readonly>
									<span class="mui-icon iconfont icon-jiantou_you" @tap="toWorkshopPicker"></span>
								</div>
							</div>
							<div class="event-record-form-item">
								<label class="must-have-value">事件类型：</label>
								<div>
									<input type="text" :placeholder="eventTypeError" v-model="eventType" @change="clearErrorInfo('eventType')" readonly>
									<span class="mui-icon iconfont icon-jiantou_you" @tap="toEventTypePicker"></span>
								</div>
							</div>
							<div class="event-record-form-item">
								<label class="must-have-value">预计完成日期：</label>
								<div>
									<input type="date" :placeholder="finishDateError" v-model="finishDate" style="width: 170px" @change="clearErrorInfo('finishDate')" >
								</div>
							</div>
							<div class="event-record-form-item auto-height">
								<label>事件描述：</label>
								<div>
									<textarea rows="3" cols="22" v-model="desc" :placeholder="descError"></textarea>
								</div>
							</div>
						</div>
						<div class="split-line"></div>
						<span class="relate-equipment-title">相关设备：(如无相关设备则不填写)</span>
						<div class="event-record-bottom-wrapper">
							<div class="event-record-form-item">
								<label >资产编号：</label>
								<div>
									<input type="text" style="width: 165px"  v-model="zcbh" @change="clearErrorInfo('zcbh')" readonly>
									<span class="mui-icon iconfont icon-scan1" @tap="openBarCodePage" ></span>
								</div>
							</div>
							<div class="event-record-form-item">
								<label >设备类型：</label>
								<div>
									<input type="text" style="width: 190px" v-model="type" readonly>
								</div>
							</div>
							<div class="event-record-form-item">
								<label >设备名称：</label>
								<div>
									<input type="text" style="width: 190px"  v-model="name" readonly>
								</div>
							</div>
							<div class="event-record-form-item">
								<label>型号规格：</label>
								<div>
									<input type="text" style="width: 190px"  v-model="model" readonly>
								</div>
							</div>
						</div>
						<button type="button" class="mui-btn mui-btn-blue event-record-submit-buttom" @tap="submitEvent">提交事件</button>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../config.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/business/eventRecord.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
